html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title 首页
    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css")
    link(rel="stylesheet", href="css/reset.css")
    link(rel="stylesheet", href="css/header.css")
    link(rel="stylesheet", href="css/footer.css")
    link(rel="stylesheet", href="css/product_list2.css") 
    
  body 
    include common/header.pug

    div.product-list
      h3.title Shop (21)

      .filter-tab 
        div.inner
          .left-item
            span 検索範囲を小さくする 
            img(src="images/filter_icon1.png", alt="")
          .right-item
            span 並べ替え
            img(src="images/filter_icon2.png", alt="") 



      div.list

        .filter-tool
          ol
            li カテゴリー
            li フルセットfull set
            li ヘッドhead
            li ボディbody
            li 衣装dress
            li ウィッグwig
            li アイeye
            li スタンド＆収納
            li ブランド
            li.checkbox
              img(src="images/checked.png", alt="")
              span MOZU DOLL
            
            li.type
              div 表示
              div.in 
                span.active 20
                span 40
                span 60
            
            li.checkbox
              img(src="images/checked.png", alt="")
              span 在庫あり
            li.checkbox
              img(src="images/checked.png", alt="")
              span 送料無料



        ul 
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格

    
    div.search-info
      div.sub-title 更新、割引、特別オファー、大きな賞を得る!
      div.title 購読する
      div.search
        div 
          input(type="text" placeholder="请输入")
          button 搜索
    
    
    include common/footer.pug
    


    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js") 
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js") 